<template>
    <div class="food">
        <transition name="slide-right" mode="out-in">
            <router-view></router-view>
        </transition>
    </div>    
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .slide-left-enter, .slide-right-leave-active {
        opacity: 0;
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0);
    }
    .slide-left-leave-active, .slide-right-enter {
        opacity: 0;
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
</style>
